<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta content="width=device-width, initial-scale=1.0" name="viewport" />
		<link rel="shortcut icon" href="image/favicon.ico" />
		<title>----</title>

		<style>
			body {
				overflow-x: hidden;
				overflow-y: hidden;
				background-color: #E9EFF4;
			}
			
			.vw-content-container {
				background-color: #FFFFFF;
			}
			
			.vw-pt-5 {
				padding-top: 5px;
			}
			
			.SumoSelect {
				color: #000000;
			}
			
			.vw-select {
				width: 100%;
			}
			
			.vw-nav-container {
				padding-right: 0;
			}
			
			.vw-tab-content {
				padding: 5px 0;
			}
			
			.vw-portlet-container {
				margin-left: -10px;
				padding: 0 5px;
			}
			
			.vw-chart {
				height: 300px;
			}
			
			.vw-table-container {
				margin-top: 5px;
			}
			
			.vw-table-container .fixed-table-container thead th .th-inner {
				padding: 0 8px;
			}
			
			.table thead tr th {
				text-align: center;
				white-space: nowrap;
				cursor: default;
			}
			
			.table tbody tr td {
				white-space: nowrap;
				cursor: default;
				padding: 0 8px !important;
			}
			
			.vw-table-container tbody td {
				padding: 0;
				font-weight: 300;
			}
			
			tr.select-tr {
				font-weight: bolder;
				color: #FFFFFF;
				background-color: #4587e2;
			}
			
			.table-hover>tbody>tr.select-tr:hover {
				background-color: #4587e2;
			}
		</style>
	</head>

	<body>
		<!--begin header-->
		<div id="header"></div>
		<!--end header-->

		<div class="container-fluid vw-content-container">
			<div class="row vw-pt-5">
				<div class="col-md-2 vw-pt-5">
					<select id="vw-levelSelect" class="vw-select"></select>
				</div>
				<div class="col-md-2 vw-pt-5">
					<select id="vw-periodSelect" class="vw-select"></select>
				</div>
				<div class="col-md-8 vw-nav-container">
					<ul class="nav nav-pills pull-right" role="tablist">
						<li role="presentation" class="active">
							<a href="#view-1" id="tab-1" role="tab" data-toggle="tab">本期汇总</a>
						</li>
						<li role="presentation">
							<a href="#view-2" id="tab-2" role="tab" data-toggle="tab">全年对比</a>
						</li>
						<li role="presentation">
							<a href="#view-3" id="tab-3" role="tab" data-toggle="tab">历年同期</a>
						</li>
						<li role="presentation">
							<a href="#view-4" id="tab-4" role="tab" data-toggle="tab">调查日志</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="row">
				<div class="col-md-12">
					<div class="tab-content vw-tab-content">
						<div class="row">
							<div class="col-md-6">
								<div class="portlet box green">
									<div class="portlet-title">
										<div class="caption">
											<i class="fa fa-globe"></i><span id="vw-map-title"></span>
										</div>
										<div class="tools">
										</div>
									</div>
									<div class="portlet-body">
										<div id="vw-map"></div>
									</div>
								</div>
							</div>
							<div class="col-md-6 vw-portlet-container">
								<div class="portlet box blue">
									<div class="portlet-title">
										<div class="caption">
											<i class="fa fa-line-chart"></i><span id="vw-chart-title"></span>
										</div>
										<div class="tools">
											<a id="vw-fn-chart-download" href="#"><i class="fa fa-download"></i></a>
										</div>
									</div>
									<div class="portlet-body">
										<div id="vw-chart" class="vw-chart"></div>
									</div>
								</div>
								<div class="portlet box yellow vw-table-container">
									<div class="portlet-title">
										<div class="caption">
											<i class="fa fa-table"></i><span id="vw-table-title"></span>
										</div>
										<div class="tools">
											<a id="vw-fn-table-download" href="#"><i class="fa fa-download"></i></a>
										</div>
									</div>
									<div class="portlet-body">
										<table id="vw-table"></table>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--begin footer-->
		<div id="footer"></div>
		<!--end footer-->

		<script src="js/loading.js"></script>
		<script src="lib/requirejs/require.min.js"></script>
		<script src="js/vw.config.require.js"></script>
		<script src="temp/data-evaluate.js"></script>
		<script>
			require(['vw.header'], function(vw_header) {
				vw_header.init('header', 'footer');
				init();
			});
		</script>
	</body>

</html>